<!doctype html>
<html class="x-admin-sm">
<head>
    <meta charset="UTF-8">
    <title>后台登录-X-admin2.2</title>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="stylesheet" href="./css/font.css">
    <link rel="stylesheet" href="./css/login.css">
    <link rel="stylesheet" href="./css/xadmin.css">
    <script src="./lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="js/jquery.validate.min.js"></script>
    <script type="text/javascript" src="js/messages_zh.js"></script>
    <style>
        label.error {
            margin-left: 10px;
            color: red;
            font-size: small;
        }

        input.error {
            border: solid 1px red;
        }
    </style>
    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>


    <![endif]-->
</head>
<body class="login-bg">

<div class="login layui-anim layui-anim-up">
    <div class="message">MoMo-酒店管理注册</div>
    <div id="darkbannerwrap"></div>

    <form method="post" class="layui-form" id="login">
        <input id="username" name="username" placeholder="用户名昵称" type="text" lay-verify="required" class="layui-input">
        <hr class="hr15">
        <input id="phone" name="phone" placeholder="登录手机号码" type="text" lay-verify="required" class="layui-input">
        <hr class="hr15">
        <input id="password" name="password" lay-verify="required" placeholder="密码" type="password" class="layui-input">
        <hr class="hr15">
        <input value="注册" lay-submit lay-filter="login" style="width:100%;" type="button" id="register" onclick="userRegister()">
        <hr class="hr20">
        <a href="login.html">登录</a>
        <hr class="hr20">
    </form>
</div>

<script>
    //开机执行
    $(function () {
        //表单验证
        $("#login").validate({
            rules: {
                username:{
                    required: true,
                    // remote: {
                    //     url: "hotelUserNameCheck",//发送请求的url地址
                    //     type: "post", //请求方式
                    //     contentType: "application/json; charset=utf-8",
                    //     dataType: "json",//接收的数据类型
                    //     data: {
                    //         phone: function () {
                    //             return $("#username").val();
                    //         }
                    //     },
                    //     dataFilter: function (data, type) { //过滤返回结果
                    //         if (data == "true")
                    //             return true;  //true代表电话号码还未存在
                    //         else
                    //             return false; //false代表电话号码已经存在
                    //     }
                    // }
                    // //异步验证 结束
                },
                phone: {
                    required: true,
                    //异步验证 开始
                    remote: {
                        url: "hotelPhoneCheck",//发送请求的url地址
                        type: "post", //请求方式
                        contentType: "application/json; charset=utf-8",
                        dataType: "json",//接收的数据类型
                        data: {
                            phone: function () {
                                return $("#phone").val();
                            }
                        },
                        dataFilter: function (data, type) { //过滤返回结果
                            if (data == "true")
                                return true;  //true代表电话号码还未存在
                            else
                                return false; //false代表电话号码已经存在
                        }
                    }
                    //异步验证 结束
                },
                password: {
                    required: true
                }
            },
            messages: {
                username:{
                    required:"请输入用户名昵称",
                },
                phone: {
                    required: "请输入登录手机号码",
                    // isPhone:"请填写正确的手机号码",
                    remote: "手机已被注册"
                },
                password: {
                    required: "请输入密码"
                }
            }
        });
    });
</script>

<script type="text/javascript">
    var username = $("#username").val();
    var password = $("#password").val();

    function userRegister() {
        $.ajax({
            type: 'POST',
            url: "hotelUserRegister",
            contentType: "application/json; charset=utf-8",
            data: JSON.stringify({
                "username": $("#username").val(),
                "phone": $("#phone").val(),
                "password": $("#password").val()
            }),
            dataType: "json",
            success: function (data) {
                console.log(data);
                if (data) {
                    window.location.href = "login.html";
                } else {
                    $("#span").html("注册失败！");
                }
            },
            error: function (data) {
                console.error("hhhhhhhhhhhh" + data);
            }
        })
    }
</script>


<!--<script>-->
<!--$(function  () {-->
<!--layui.use('form', function(){-->
<!--var form = layui.form;-->
<!--// layer.msg('玩命卖萌中', function(){-->
<!--//   //关闭后的操作-->
<!--//   });-->
<!--//监听提交-->
<!--form.on('submit(login)', function(data){-->
<!--// alert(888)-->
<!--layer.msg(JSON.stringify(data.field),function(){-->
<!--location.href='index.html'-->
<!--});-->
<!--return false;-->
<!--});-->
<!--});-->
<!--})-->
<!--</script>-->
<!-- 底部结束 -->
<script>
    //百度统计可去掉
    var _hmt = _hmt || [];
    (function () {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>
</body>
</html>